<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" >
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimum-scale=1.0" >
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>法律法规</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" >
		<script type="text/javascript" src="js/rem.js"></script>
		<style type="text/css">
			.content-wrapper {
				width: 100%;
				min-height: 100vh;
				max-height: 150vh;
				padding-top: 1.28rem;
				background-color: #F4F4F4;
				position: relative;
			}
			.list {
				width: 100vw;
				height: auto;
				background:#FFFFFF;
				margin-top: 0.16rem;
				padding-left: 0.3rem;
			}
			.item {
				width: 100%;
				height: 0.88rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-right: 0.24rem;
				font-size:0.28rem;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(0,0,0,1);
			}
			.item+.item{
				border-top: 1px solid #E8E8E8;
			}
			.item-conent {
				flex: 1;
				overflow:hidden;
				text-overflow:ellipsis; 
				white-space: nowrap;/*加宽度width属来兼容部分浏览*/
			}
			.arrow {
				width: 0.32rem;
				height: 0.32rem;
				margin-left: 0.24rem;
			}
			.bottom-wrapper {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height:1.2rem;
				background:#FFFFFF;
				display: flex;
				justify-content: center;
			}
			
			.back-btn {
				flex: 1;
				margin: 0.16rem 0.3rem;
				max-width: 4.8rem;
				height:0.88rem;
				background:rgba(255,255,255,1);
				text-align: center;
				border-radius:0.58rem;
				border:1px solid rgba(217,217,217,1);
				line-height: 0.88rem;
			}
			
		</style>
	</head>
	<body>
		<!-- 标题栏 -->
		<div class="app-nav">
			<text class="app-nav-title">法律法规</text>
		</div>
		<div class="content-wrapper">
			<div class="list">
				<div class="item">
					<div class="item-conent">中华人民共和国消防法（2019）</div>
					<img class="arrow" src="img/icon_arrow_right.png" />
				</div> 
				<div class="item">
					<div class="item-conent">人员密集场所消防安全管理</div>
					<img class="arrow" src="img/icon_arrow_right.png" />
				</div> 
				<div class="item">
					<div class="item-conent">住宿与生产储存经营合用场所消防安全技术要求</div>
					<img class="arrow" src="img/icon_arrow_right.png" />
				</div> 
			</div>
		</div>
		<div class="compliance-bottom-wrapper">
			<div class="compliance-bottom-btn">返回</div>
		</div>
	</body>
</html>
